<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@include file="/WEB-INF/jsp/include.jsp"%>
<script src="<c:url value="/resources/js/pedidoJTable.js" />"></script>
<c:url value="/pedido/buscar" var="pedidoBuscarUrl" />
<c:url value="/pedido/detalle/mostrar" var="pedidoDetalleUrl" />
<c:url value="/pedido/getEstadoOptions" var="optionEstadoUrl" />


<script type="text/javascript">
	jQuery(document)
			.ready(
					function($) {
						$("#inputCodigoCliente")
								.attr('placeholder',
										'<spring:message code="pedido.form.listapedido.codigocliente.label"/>');
						pedido.init($('#tablaPedido'), $('#botonBuscar'),
								$('#inputFechaPedido'), '${pedidoBuscarUrl}',
								'${pedidoDetalleUrl}','${optionEstadoUrl}');
					});
</script>

<div class="div_container">
	<form:form id="form_listaPedido" class="form-horizontal"
		modelAttribute="pedido" method="post">

		<div class="row-fluid">
			<h4 class="">
				<i class="icon-plus-sign-alt"></i>
				<spring:message code="pedido.form.listapedido.title" />
			</h4>
			<hr>
		</div>
		<div class="form-group">
			<label for="inputFechaPedido" class="control-label col-xs-1"
				style="padding-top: 0px;"><spring:message
					code="pedido.form.listapedido.fechapedido.label" /> </label>
			<div class="col-xs-2">
				<form:input path="fechaPedido" id="inputFechaPedido"
					class="form-control" />
			</div>
			<label for="inputCodigoCliente" class="control-label col-xs-1"
				style="padding-top: 0px;"> <spring:message
					code="pedido.form.listapedido.codigocliente.label" /></label>
			<div class="col-xs-2">
				<form:input path="codigoCliente" id="inputCodigoCliente"
					class="form-control" cssStyle="padding-right: 5%;padding-left: 5%;" />
			</div>
			<label for="inputEstadoPedido" class="control-label col-xs-1"
				style="padding-top: 0px;"> <spring:message
					code="pedido.form.listapedido.estadopedido.label" /></label>
			<div class="col-xs-2">				
				<form:select path="estado" id="inputEstadoPedido"
					cssClass="form-control">
					<form:option value="" label="-Seleccionar-" />
					<form:options items="${listaEstado}" itemValue="optionValue"
						itemLabel="optionText" />
				</form:select>
			</div>
			<div class="col-xs-1" style="float: right;">
				<button type="button" class="btn btn-primary" id="botonBuscar">
					<spring:message code="tomador.pedido.buscar.button" />
				</button>
			</div>
		</div>
	</form:form>

	<div id="tablaPedido" class="tablaResultado"></div>
</div>

<div id="dialogDetallePedido" class="dialogDetalle" title="Detalle de Pedido"
	style="display: none"></div>